{% extends 'base_mian.html' %}

{% load static %}

{% block ext_css %}
    {{ block.super }}
    <link rel="stylesheet" href="{% static 'axf/main/home/css/home.css' %}">
    <link rel="stylesheet" href="{% static 'axf/main/home/css/swiper.css' %}">
{% endblock %}

{% block ext_js %}
    <script type="text/javascript" src="{% static 'axf/main/home/js/swiper.jquery.js' %}"></script>
    <script type="text/javascript" src="{% static 'axf/main/home/js/home.js' %}"></script>
{% endblock %}

{% block content %}
    {{ block.super }}
    {#    .swiper-container#}
    {#<div class="swiper-container">#}
    {#    <div class="swiper-wrapper">#}
    {#        <div class="swiper-slide">Slide 1</div>#}
    {#        <div class="swiper-slide">Slide 2</div>#}
    {#        <div class="swiper-slide">Slide 3</div>#}
    {#    </div>#}
    {#    <!-- 如果需要分页器 -->#}
    {#    <div class="swiper-pagination"></div>#}
    {#</div>#}
    <div id="home">
{#     轮播#}
        <div id="topSwiper" class="swiper-container">
            <div class="swiper-wrapper">
                {% for wheel in axfwheel %}
                    <a href="" class="swiper-slide">
                    <img src="/static{{wheel.img}}" alt="">
                </a>
                {% endfor %}

            </div>
            <div class="swiper-pagination"></div>
        </div>
{#        topmanue#}
        <div class="topMenu">
            <nav>
                <ul>
                    {% for axfnav in axfnavs %}
                         <li>
                            <img src="/static{{axfnav.img }}" alt="">
                            <span>{{ axfnav.name }}</span>
                         </li>
                    {% endfor %}
                </ul>
            </nav>
        </div>

{#    mustbuy#}
        <div id="swiperMenu" class="swiper-container">
            <ul class="swiper-wrapper">
                {% for axfmustbuy in axfmustbuys %}
                    <li class="swiper-slide">
                        <img src="/static{{ axfmustbuy.img }}" alt="">
                    </li>
                {% endfor %}
            </ul>
        </div>
{#    mainshow#}
        {% for axfmainshow in axfmainshows %}
            <div class="mainInfo">
                <section>
                    <h3>
                        {{ axfmainshow.name }}
                        <a href="">更多</a>
                        <span></span>
                    </h3>
                    <div>
                        <a href="">
                            <img src="/static{{ axfmainshow.img }}" alt="">
                        </a>
                    </div>

                    <ul>
                        <li>
                            <a href="">
                                <img src="/static{{ axfmainshow.img1 }}" alt="">
                                <span class="description">￥{{ axfmainshow.longname1 }}</span>
                                <span>￥{{ axfmainshow.price1 }}</span>
                                <s>{{ axfmainshow.marketprice1 }}</s>
                            </a>
                            <button>
                                <span>+</span>
                            </button>
                        </li>

                        <li>
                            <a href="">
                                <img src="/static{{ axfmainshow.img2 }}" alt="">
                                <span class="description">￥{{ axfmainshow.longname2 }}</span>
                                <span>￥{{ axfmainshow.price2 }}</span>
                                <s>{{ axfmainshow.marketprice2 }}</s>
                            </a>
                            <button>
                                <span>+</span>
                            </button>
                        </li>

                        <li>
                            <a href="">
                                <img src="/static{{ axfmainshow.img3 }}" alt="">
                                <span class="description">￥{{ axfmainshow.longname3 }}</span>
                                <span>￥{{ axfmainshow.price3 }}</span>
                                <s>{{ axfmainshow.marketprice3 }}</s>
                            </a>
                            <button>
                                <span>+</span>
                            </button>
                        </li>

                    </ul>
                </section>
            </div>
        {% endfor %}



    </div>



    

{% endblock %}

